.titleWrapper {
  height: 60px;
  padding: 0 20px;
  line-height: 60px;
  border-radius: 6px;
  background-color: #fff;
}
.navItemWraper {
  height: 60px;
  display: flex;
  align-items: center;
  line-height: 60px;
}
.postCategoryList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.postCategoryItem {
  flex: 0 0 49%;
  width: 49%;
  height: auto;
  padding: 10px;
  display: flex;
  box-sizing: border-box;
  margin-bottom: 20px;
  flex-direction: row;
}
.buyerOrder {
  flex: 0 0 49%;
  width: 49%;
  height: auto;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
  box-sizing: border-box;
  margin-bottom: 20px;
  flex-direction: row;
  background-color: #546e7a;
}
.sellerOrder {
  flex: 0 0 49%;
  width: 49%;
  height: auto;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
  box-sizing: border-box;
  margin-bottom: 20px;
  flex-direction: row;
  background-color: rgba(51, 102, 102, 0.82);
}

.coverWrapper {
  padding-right: 14px;
}
.blockDetail {
  width: 100%;
  position: relative;
}
.blockTitle {
  padding: 6px 0;
  font-size: 24px;
  line-height: 48px;
  font-weight: 300;
  color: #fff;
}
.blockItem {
  display: flex;
}
.blockTime {
  display: flex;
  border-top: 1px solid rgba(160,160,160,0.2);
  padding-top: 20px;
  margin-top: 10px;
}
.blockCreateTime {
  color: #ffd8a6;
  margin-right: 20px;
  font-size: 14.5px;
  font-weight: 300;
}
.blockLable {
  flex: 0 0 60px;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}
.blockDesc {
  color: #fff !important;
  font-size: 14px;
  line-height: 28px;
}
.blockBtn {
  right: 10px;
  color: #fff;
  bottom: 10px;
  position: absolute;
  background: #5e83fb;
  border-radius: 3px;
}

// .titleWrapper {
//   height: 60px;
//   padding: 0 20px;
//   line-height: 60px;
//   border-radius: 6px;
//   background-color: #fff;
// }
// .navItemWraper {
//   height: 60px;
//   display: flex;
//   align-items: center;
//   line-height: 60px;
// }
// .postCategoryList {
//   display: flex;
//   flex-wrap: wrap;
//   justify-content: space-between;
// }
// .postCategoryItem {
//   flex: 0 0 49%;
//   width: 49%;
//   padding: 10px;
//   display: flex;
//   box-sizing: border-box;
//   margin-bottom: 20px;
//   flex-direction: row;
//   background-color: #f6f6f6;
// }
// .coverWrapper {
//   padding-right: 14px;
// }
// .blockDetail {
//   width: 100%;
//   position: relative;
// }
// .blockTitle {
//   padding: 6px 0;
//   font-size: $font-size-subhead;
// }
// .blockItem {
//   display: flex;
// }
// .blockLable {
//   flex: 0 0 60px;
//   font-size: 12px;
//   line-height: 22px;
// }
// .blockDesc {
//   color: #999;
//   font-size: 12px;
//   line-height: 22px;
// }
// .blockBtn {
//   right: 10px;
//   color: #fff;
//   bottom: 10px;
//   position: absolute;
//   background: #5e83fb;
//   border-radius: 3px;
// }
